<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- 引入重置样式 reset.css -->
    <link rel="stylesheet" href="CSS/reset.css">
    <!-- 引入公共样式common.css -->
    <link rel="stylesheet" href="CSS/common.css">
    <!-- 引入首页样式 index.css -->
    <link rel="stylesheet" href="CSS/index.css">
    <!-- 引入轮播图样式 -->
    <link rel="stylesheet" href="./lib/轮播插件/styles/slider.css">
</head>

<body>
    <!-- 顶部欢迎 -->
    <div id="top">
        <div class="container clearfix">
            <img src="images/logo.jpg" alt="">
            <div class="fr">欢迎光临 <a href="#">乐购</a> ，请<a href="#">登录</a>\<a href="#">注册</a></div>
        </div>
    </div>
    <!-- 导航 -->

    <div id="nav" >
        <div class="container clearfix">
        <!-- 购物车/订单 -->
        <div class="order fr">
            我的订单
        </div>
        <div class="cart fr">
            <button></button>
            <div>
                <span> 购物车</span> <span>3</span>
            </div>
        </div>
        <!-- 搜索框 -->
        <div class="SearchBox fr">
            <input type="text" placeholder="创意文具">
            <button></button>
        </div>
        <!-- 文字导航 -->
    </div>
    </div>
    <!-- 轮播图 -->
    <div id="banner" class="container">

        <!-- 文字导航 -->
        <ul class="clearfix">
            <li><a href="#">图书</a></li>
            <li><a href="#">电子书</a></li>
            <li><a href="#">原创文学</a></li>
            <li><a href="#">服装</a></li>
            <li><a href="#">运动户外</a></li>
            <li><a href="#">孕婴童</a></li>
            <li><a href="#">家具</a></li>
            <li><a href="#">创意文本</a></li>
            <li><a href="#">地方特产</a></li>
            <li><a href="#">海外购</a></li>
            <li><a href="#">电器城</a></li>
        </ul>
        <!-- 二级菜单导航 -->
        <div class="CommodityNavigation">
            <ul class="menu">
                <li>
                    <p class="leftInfomation">
                        <a href="#">图书、电子书、童书</a>
                    </p>
                    <div class="sideBox">
                        <div class="books">
                            <div class="booksTitle">
                                <span><a href="#">图书馆 >></a></span>
                                <span><a href="#">儿童书馆 >></a></span>
                                <span><a href="#">电子书馆 >></a></span>
                            </div>
                            
                            <div class="bookstore">
                                <p class="bookInfomation">文艺</p>
                                <ul>
                                    <li>
                                        <a href="#">小说</a>
                                    </li>
                                    <li>
                                        <a href="#">文学</a>
                                    </li>
                                    <li>
                                        <a href="#">传记</a>
                                    </li>
                                    <li>
                                        <a href="#">青春</a>
                                    </li>
                                    <li>
                                        <a href="#">动漫</a>
                                    </li>
                                    <li>
                                        <a href="#">艺术</a>
                                    </li>
                                    <li>
                                        <a href="#">摄影</a>
                                    </li>
                                    <li>
                                        <a href="#">明星</a>
                                    </li>
                                </ul>
                                <p class="bookInfomation">人文社科</p>
                                <ul>
                                    <li>
                                        <a href="#">小说</a>
                                    </li>
                                    <li>
                                        <a href="#">文学</a>
                                    </li>
                                    <li>
                                        <a href="#">传记</a>
                                    </li>
                                    <li>
                                        <a href="#">青春</a>
                                    </li>
                                    <li>
                                        <a href="#">动漫</a>
                                    </li>
                                    <li>
                                        <a href="#">艺术</a>
                                    </li>
                                    <li>
                                        <a href="#">摄影</a>
                                    </li>
                                    <li>
                                        <a href="#">明星</a>
                                    </li>
                                    <li>
                                        <a href="#">历史</a>
                                    </li>
                                    <li>
                                        <a href="#">政治</a>
                                    </li>
                                    <li>
                                        <a href="#">文化</a>
                                    </li>
                                    <li>
                                        <a href="#">心理</a>
                                    </li>
                                </ul>
                                <p class="bookInfomation">管理</p>
                                <ul>
                                    <li>
                                        <a href="#">小说</a>
                                    </li>
                                    <li>
                                        <a href="#">文学</a>
                                    </li>
                                    <li>
                                        <a href="#">传记</a>
                                    </li>
                                    <li>
                                        <a href="#">青春</a>
                                    </li>
                                    <li>
                                        <a href="#">动漫</a>
                                    </li>
                                    <li>
                                        <a href="#">金融</a>
                                    </li>
                                    <li>
                                        <a href="#">互联网</a>
                                    </li>
                                    <li>
                                        <a href="#">投资</a>
                                    </li>
                                </ul>
                                <p class="bookInfomation">励志</p>
                                <ul>
                                    <li>
                                        <a href="#">小说</a>
                                    </li>
                                    <li>
                                        <a href="#">文学</a>
                                    </li>
                                    <li>
                                        <a href="#">传记</a>
                                    </li>
                                    <li>
                                        <a href="#">青春</a>
                                    </li>
                                    <li>
                                        <a href="#">动漫</a>
                                    </li>
                                    <li>
                                        <a href="#">艺术</a>
                                    </li>
                                    <li>
                                        <a href="#">职场</a>
                                    </li>
    
                                </ul>
                                <p class="bookInfomation">教育</p>
                                <ul>
                                    <li>
                                        <a href="#">小说</a>
                                    </li>
                                    <li>
                                        <a href="#">文学</a>
                                    </li>
                                    <li>
                                        <a href="#">传记</a>
                                    </li>
                                    <li>
                                        <a href="#">考试</a>
                                    </li>
                                    <li>
                                        <a href="#">动漫</a>
                                    </li>
                                    <li>
                                        <a href="#">考研</a>
                                    </li>
                                    <li>
                                        <a href="#">摄影</a>
                                    </li>
                                    <li>
                                        <a href="#">明星</a>
                                    </li>
                                </ul>
                                <p class="bookInfomation">科技</p>
                                <ul>
                                    <li>
                                        <a href="#">读物</a>
                                    </li>
                                    <li>
                                        <a href="#">文学</a>
                                    </li>
                                    <li>
                                        <a href="#">传记</a>
                                    </li>
                                    <li>
                                        <a href="#">青春</a>
                                    </li>
                                    <li>
                                        <a href="#">建筑</a>
                                    </li>
                                    <li>
                                        <a href="#">艺术</a>
                                    </li>
                                    <li>
                                        <a href="#">摄影</a>
                                    </li>
                                    <li>
                                        <a href="#">医学</a>
                                    </li>
                                </ul>
                                <p class="bookInfomation">生活</p>
                                <ul>
                                    <li>
                                        <a href="#">两性</a>
                                    </li>
                                    <li>
                                        <a href="#">育儿</a>
                                    </li>
                                    <li>
                                        <a href="#">传记</a>
                                    </li>
                                    <li>
                                        <a href="#">美食</a>
                                    </li>
                                    <li>
                                        <a href="#">美妆</a>
                                    </li>
                                    <li>
                                        <a href="#">家居</a>
                                    </li>
                                    <li>
                                        <a href="#">生活</a>
                                    </li>
                                    <li>
                                        <a href="#">明星</a>
                                    </li>
                                    <li>
                                        <a href="#">健身</a>
                                    </li>
                                </ul>
    
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <p class="leftInfomation">
                        <a href="#">创意文具</a>
                    </p>
                    
                </li>
                <li>
                    <p class="leftInfomation">
                        <a href="#">服饰、内衣</a>
                    </p>
                   
                </li>
                <li>
                    <p class="leftInfomation">
                        <a href="#">鞋靴、箱包</a>
                    </p>
                    
                </li>
                <li>
                    <p class="leftInfomation">
                        <a href="#">户外运动</a>
                    </p>
                    
                </li>
                <li>
                    <p class="leftInfomation">
                        <a href="#">孕、婴、童</a>
                    </p>
                    
                </li>
                <li>
                    <p class="leftInfomation">
                        <a href="#">家居家纺</a>
                    </p>
                    
                </li>
                <li>
                    <p class="leftInfomation">
                        <a href="#">家具、家装、康体</a>
                    </p>
                    
                </li>
                <li>
                    <p class="leftInfomation">
                        <a href="#">美妆、个人护理、成人</a>
                    </p>
                    
                </li>
                <li>
                    <p class="leftInfomation">
                        <a href="#">食品、茶酒、生鲜</a>
                    </p>
                    
                </li>
                <li>
                    <p class="leftInfomation">
                        <a href="#">腕表、珠宝</a>
                    </p>
                    
                </li>
                <li>
                    <p class="leftInfomation">
                        <a href="#">手机数码</a>
                    </p>
                    
                </li>
            </ul>
            <!-- 轮播图-->
            <div class="pptbox" id="bannerInner">
                <!--轮播的内容-->
                <ul class="innerwrapper">
                    <li>
                        <a href="#"><img src="images/banner1.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/banner2.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/banner3.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/banner4.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/banner5.jpg" /></a>
                    </li>
                </ul>
                <!--数字控制器-->
                <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                </ul>
                <!--按钮控制器-->
                <span class="btnleft"></span>
                <span class="btnright"></span>
            </div>
        </div>

    </div>
    <!-- 今日推荐 -->
    <div id="recommendation" >
        <div class="container">
        <div class="title">
            <h1>乐购·今日推荐</h1>
        </div>
        <!-- 商品图片 -->
        <ul class="commodity clearfix">
            <li>
                <img src="images/product01.jpg" alt="">
                <img src="images/limitTime.jpg" alt="">
                <div>
                    <p>黑爵青蜂侠六建电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <p>￥:299</p>
                </div>
            </li>
            <li>
                <img src="images/product01.jpg" alt="">
                <img src="images/limitTime.jpg" alt="">
                <div>
                    <p>黑爵青蜂侠六建电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <p>￥:299</p>
                </div>
            </li>
            <li>
                <img src="images/product01.jpg" alt="">
                <img src="images/limitTime.jpg" alt="">
                <div>
                    <p>黑爵青蜂侠六建电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <p>￥:299</p>
                </div>
            </li>
            <li>
                <img src="images/product01.jpg" alt="">
                <img src="images/limitTime.jpg" alt="">
                <div>
                    <p>黑爵青蜂侠六建电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <p>￥:299</p>
                </div>
            </li>
            <li>
                <img src="images/product01.jpg" alt="">
                <img src="images/limitTime.jpg" alt="">
                <div>
                    <p>黑爵青蜂侠六建电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <p>￥:299</p>
                </div>
            </li>
            <li>
                <img src="images/product01.jpg" alt="">
                <img src="images/limitTime.jpg" alt="">
                <div>
                    <p>黑爵青蜂侠六建电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <p>￥:299</p>
                </div>
            </li>
            <li>
                <img src="images/index06_11.jpg" alt="">
                <img src="images/limitTime.jpg" alt="">
                <div>
                    <p>黑爵青蜂侠六建电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <p>￥:98</p>
                </div>
            </li>
            <li>
                <img src="images/index06_11.jpg" alt="">
                <img src="images/limitTime.jpg" alt="">
                <div>
                    <p>黑爵青蜂侠六建电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <p>￥:98</p>
                </div>
            </li>
            <li>
                <img src="images/index06_11.jpg" alt="">
                <img src="images/limitTime.jpg" alt="">
                <div>
                    <p>黑爵青蜂侠六建电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <p>￥:98</p>
                </div>
            </li>
            <li>
                <img src="images/index06_11.jpg" alt="">
                <img src="images/limitTime.jpg" alt="">
                <div>
                    <p>黑爵青蜂侠六建电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <p>￥:98</p>
                </div>
            </li>
            <li>
                <img src="images/index06_11.jpg" alt="">
                <img src="images/limitTime.jpg" alt="">
                <div>
                    <p>黑爵青蜂侠六建电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <p>￥:98</p>
                </div>
            </li>
            <li>
                <img src="images/index06_11.jpg" alt="">
                <img src="images/limitTime.jpg" alt="">
                <div>
                    <p>黑爵青蜂侠六建电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <p>￥:98</p>
                </div>
            </li>

        </ul>
    </div>
    </div>
    <!-- 图书 -->
    <div id="books" class="container">
            <div class="title">
                    <span>图书 电子书</span>
                    <nav>
                        <a href="#" class="active">最新上架</a>
                        <a href="#" class="active">独家畅销</a>
                        <a href="#" class="active">电子书</a>
                    </nav>
            </div>
            <div class="books container">
                <div class="leftBooks">
                    <img src="./images/index7_07.jpg" alt="">
                    <div class="leftBooksContent">
                        <ul>
                            <li>
                                <a href="#">中小学教辅</a>
                            </li>
                            <li>
                                <a href="#">外语</a>
                            </li>
                            <li>
                                <a href="#">考试</a>
                            </li>
                            <li>
                                <a href="#">小说</a>
                            </li>
                            <li>
                                <a href="#">文学</a>
                            </li>
                            <li>
                                <a href="#">青春文学</a>
                            </li>
                            <li>
                                <a href="#">成功\励志</a>
                            </li>
                            <li>
                                <a href="#">管理</a>
                            </li>
                            <li>
                                <a href="#">历史</a>
                            </li>
                            <li>
                                <a href="#">哲学</a>
                            </li>
                            <li>
                                <a href="#">管理</a>
                            </li>
                            <li>
                                <a href="#">全部分类></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="midBooks">
                    <!-- 轮播图 -->
                    <div class="midBooksBanner">

                       

                    </div>
                    <div class="midBooksBook">
                        <p class="carnival">奥运狂欢</p>
                        <p class="lowPrice">10万种电子书 直降40%</p>
                        <img src="./images/book1.jpg" alt="">
                        <span>￥49</span>
                        <span class="originalPice"> <del>￥79</del> </span>
                    </div>
                    <div class="midBooksBook">
                        <p class="carnival">奥运狂欢</p>
                        <p class="lowPrice">10万种电子书 直降40%</p>
                        <img src="./images/book1.jpg" alt="">
                        <span>￥49</span>
                        <span class="originalPice"> <del>￥79</del> </span>
                    </div>
                    <div class="midBooksBook">
                        <p class="carnival">奥运狂欢</p>
                        <p class="lowPrice">10万种电子书 直降40%</p>
                        <img src="./images/book1.jpg" alt="">
                        <span>￥49</span>
                        <span class="originalPice"> <del>￥79</del> </span>
                    </div>
                    <div class="midBooksBook">
                        <p class="carnival">奥运狂欢</p>
                        <p class="lowPrice">10万种电子书 直降40%</p>
                        <img src="./images/book1.jpg" alt="">
                        <span>￥49</span>
                        <span class="originalPice"> <del>￥79</del> </span>
                    </div>
                    <div class="midBooksBook">
                        <p class="carnival">奥运狂欢</p>
                        <p class="lowPrice">10万种电子书 直降40%</p>
                        <img src="./images/book1.jpg" alt="">
                        <span>￥49</span>
                        <span class="originalPice"> <del>￥79</del> </span>
                    </div>
                    <div class="midBooksBook">
                        <p class="carnival">奥运狂欢</p>
                        <p class="lowPrice">10万种电子书 直降40%</p>
                        <img src="./images/book1.jpg" alt="">
                        <span>￥49</span>
                        <span class="originalPice"> <del>￥79</del> </span>
                    </div>
                </div>
                
                <div class="rightBooks">
                    <div class="accordion">
                        <p class="accordionInfo">新书畅销榜</p>
                        <ul class="tab-content">
                            <li>
                                
                                <p><span class="redNum">1</span>就喜欢你看不惯我 &nbsp;又干不</p>
                                <div class="on">
                                    <img src="./images/index08_05.jpg" alt="">
                                    <span class="bookReview">
                                        从你的全世界路过入选样式“2014中国好书”的80后作品！
                                        十年华语畅销小说，王家卫程国富倾力推荐，1500万次转发，超4亿阅读
                                    </span>
                                </div>
                            </li>
                            <li>
                                <p><span class="redNum">2</span>就喜欢你看不惯我 &nbsp;又干不</p>
                                <div>
                                    <img src="./images/index08_05.jpg" alt="">
                                    <span class="bookReview">
                                        从你的全世界路过入选样式“2014中国好书”的80后作品！
                                        十年华语畅销小说，王家卫程国富倾力推荐，1500万次转发，超4亿阅读
                                    </span>
                                </div>
                            </li>
                            <li>
                                <p><span>3</span>就喜欢你看不惯我 &nbsp;又干不</p>
                                <div>
                                    <img src="./images/index08_05.jpg" alt="">
                                    <span class="bookReview">
                                        从你的全世界路过入选样式“2014中国好书”的80后作品！
                                        十年华语畅销小说，王家卫程国富倾力推荐，1500万次转发，超4亿阅读
                                    </span>
                                </div>
                            </li>
                            <li>
                                <p><span>4</span>就喜欢你看不惯我 &nbsp;又干不</p>
                                <div>
                                    <img src="./images/index08_05.jpg" alt="">
                                    <span class="bookReview">
                                        从你的全世界路过入选样式“2014中国好书”的80后作品！
                                        十年华语畅销小说，王家卫程国富倾力推荐，1500万次转发，超4亿阅读
                                    </span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clothing container">
                <div class="clothingTitle">
                    <span>服装</span>
                    <nav>
                        <a href="javascript:;" class="active">女装内衣</a>
                        <a href="javascript:;">热销男装</a>
                        <a href="javascript:;">精品男鞋</a>
                    </nav>
            </div>
            <div class="clothingLeft">
                <img src="./images/index7_17.jpg" alt="">
                <ul>
                    <li>
                        <a href="#">女包</a>
                    </li>
                    <li>
                        <a href="#">防嗮品</a>
                    </li>
                    <li>
                        <a href="#">短裤</a>
                    </li>
                    <li>
                        <a href="#">冰丝内裤</a>
                    </li>
                    <li>
                        <a href="#">男包</a>
                    </li>
                    <li>
                        <a href="#">功能箱包</a>
                    </li>
                    <li>
                        <a href="#">蕾丝衬衫</a>
                    </li>
                    <li>
                        <a href="#">奢侈品</a>
                    </li>
                    <li>
                        <a href="#">男鞋</a>
                    </li>
                    <li>
                        <a href="#">女包</a>
                    </li>
                    <li>
                        <a href="#">女鞋</a>
                    </li>
                    <li>
                        <a href="#">全部分类></a>
                    </li>
                </ul>
            </div>
            <div class="clothingMid">
                <!-- 轮播图 -->
                <div class="clothingBannder"></div>


                <div>
                    <img src="./images/index11_08.jpg" alt="">
                </div>
            </div>
            <div class="clothingRight on">
                <div class="clothingRightImg">
                    <img src="./images/index100_05.jpg" alt="">
                </div>
                <div class="clothingRightImg">
                    <img src="./images/index100_05.jpg" alt="">
                </div>
                <div class="clothingRightImg">
                    <img src="./images/index100_05.jpg" alt="">
                </div>
                <div class="clothingRightImg2">
                    <img src="./images/index100_11.jpg" alt="">
                </div>
                <div class="clothingRightImg2">
                    <img src="./images/index100_11.jpg" alt="">
                </div>
                <div class="clothingRightImg2">
                    <img src="./images/index100_11.jpg" alt="">
                </div>
            </div>
            <!-- 热销男装 -->
            <div class="clothingRight">
                <div class="clothingRightImg">
                    <img src="./images/素材图片/热销男装/119130027655160_1_o.jpg" alt="">
                </div>
                <div class="clothingRightImg">
                    <img src="./images/素材图片/热销男装/129860019491107_1_o.jpg" alt="">
                </div>
                <div class="clothingRightImg">
                    <img src="./images/素材图片/热销男装/136700019847353_1_o.jpg" alt="">
                </div>
                <div class="clothingRightImg2">
                    <img src="./images/index100_11.jpg" alt="">
                </div>
                <div class="clothingRightImg2">
                    <img src="./images/index100_11.jpg" alt="">
                </div>
                <div class="clothingRightImg2">
                    <img src="./images/index100_11.jpg" alt="">
                </div>
            </div>
            <!-- 精品男鞋 -->
            <div class="clothingRight">
                <div class="clothingRightImg">
                    <img src="./images/素材图片/精品鞋靴/104390020507386_1_o.jpg" alt="">
                </div>
                <div class="clothingRightImg">
                    <img src="./images/素材图片/精品鞋靴/118450016039312_1_o.jpg" alt="">
                </div>
                <div class="clothingRightImg">
                    <img src="./images/素材图片/精品鞋靴/160729-10194pc-D.jpg" alt="">
                </div>
                <div class="clothingRightImg2">
                    <img src="./images/index100_11.jpg" alt="">
                </div>
                <div class="clothingRightImg2">
                    <img src="./images/index100_11.jpg" alt="">
                </div>
                <div class="clothingRightImg2">
                    <img src="./images/index100_11.jpg" alt="">
                </div>
            </div>

            </div>
            <div class="supplier">
               <img src="./images/index15_13.jpg" alt="">
               <img src="./images/index15_14.jpg" alt="">
               <img src="./images/logo13_11.jpg" alt="">
               <img src="./images/logo13_12.jpg" alt="">
               <img src="./images/logo13_13.jpg" alt="">
               <img src="./images/logo13_14.jpg" alt="">
               <img src="./images/logo13_15.jpg" alt="">
               <img src="./images/logo13_16.jpg" alt="">
               <img src="./images/logo13_17.jpg" alt="">
            </div>
            <!-- 户外运动 -->
            <div class="clothing container">
                <div class="clothingTitle2">
                    <span>户外运动</span>
                    <nav>
                        <a href="javascript:;" class="active">国际名品</a>
                        <a href="javascript:;">户外装备</a>
                        <a href="javascript:;">运动潮流</a>
                    </nav>
            </div>
            <div class="clothingLeft">
                <div class="outSprot"></div>
                <ul>
                    <li>
                        <a href="#">女包</a>
                    </li>
                    <li>
                        <a href="#">防嗮品</a>
                    </li>
                    <li>
                        <a href="#">短裤</a>
                    </li>
                    <li>
                        <a href="#">冰丝内裤</a>
                    </li>
                    <li>
                        <a href="#">男包</a>
                    </li>
                    <li>
                        <a href="#">功能箱包</a>
                    </li>
                    <li>
                        <a href="#">蕾丝衬衫</a>
                    </li>
                    <li>
                        <a href="#">奢侈品</a>
                    </li>
                    <li>
                        <a href="#">男鞋</a>
                    </li>
                    <li>
                        <a href="#">女包</a>
                    </li>
                    <li>
                        <a href="#">女鞋</a>
                    </li>
                    <li>
                        <a href="#">全部分类></a>
                    </li>
                </ul>
            </div>
            <div class="clothingMid">
                <!-- 户外运动轮播图 -->
                <div class="clothingBannder"></div>

                
                <div>
                    <img src="./images/index11_08.jpg" alt="">
                </div>
            </div>
            <!--  -->
            <div class="clothingRight2 on">
                <div class="clothingRightImg">
                    <img src="./images/素材图片/运动潮流/160801-17862pc-C.jpg" alt="">
                </div>
                <div class="clothingRightImg">
                    <img src="./images/素材图片/运动潮流/160801-17862pc-C.jpg" alt="">
                </div>
                <div class="clothingRightImg">
                    <img src="./images/素材图片/运动潮流/160801-17862pc-C.jpg" alt="">
                </div>
                <div class="clothingRightImg2">
                    <img src="./images/素材图片/运动潮流/160729-12609pc-D.jpg" alt="">
                </div>
                <div class="clothingRightImg2">
                    <img src="./images/素材图片/运动潮流/160729-12609pc-D.jpg" alt="">
                </div>
                <div class="clothingRightImg2">
                    <img src="./images/素材图片/运动潮流/160729-12609pc-D.jpg" alt="">
                </div>
            </div>
            <!-- 热销男装 -->
            <div class="clothingRight2">
                <div class="clothingRightImg">
                    <img src="./images/素材图片/热销男装/119130027655160_1_o.jpg" alt="">
                </div>
                <div class="clothingRightImg">
                    <img src="./images/素材图片/热销男装/129860019491107_1_o.jpg" alt="">
                </div>
                <div class="clothingRightImg">
                    <img src="./images/素材图片/热销男装/136700019847353_1_o.jpg" alt="">
                </div>
                <div class="clothingRightImg2">
                    <img src="./images/index100_11.jpg" alt="">
                </div>
                <div class="clothingRightImg2">
                    <img src="./images/index100_11.jpg" alt="">
                </div>
                <div class="clothingRightImg2">
                    <img src="./images/index100_11.jpg" alt="">
                </div>
            </div>
            <!-- 精品男鞋 -->
            <div class="clothingRight2">
                <div class="clothingRightImg">
                    <img src="./images/素材图片/精品鞋靴/104390020507386_1_o.jpg" alt="">
                </div>
                <div class="clothingRightImg">
                    <img src="./images/素材图片/精品鞋靴/118450016039312_1_o.jpg" alt="">
                </div>
                <div class="clothingRightImg">
                    <img src="./images/素材图片/精品鞋靴/160729-10194pc-D.jpg" alt="">
                </div>
                <div class="clothingRightImg2">
                    <img src="./images/index100_11.jpg" alt="">
                </div>
                <div class="clothingRightImg2">
                    <img src="./images/index100_11.jpg" alt="">
                </div>
                <div class="clothingRightImg2">
                    <img src="./images/index100_11.jpg" alt="">
                </div>
            </div>

            </div>
            <div class="supplier">
               <img src="./images/index15_13.jpg" alt="">
               <img src="./images/index15_14.jpg" alt="">
               <img src="./images/logo13_11.jpg" alt="">
               <img src="./images/logo13_12.jpg" alt="">
               <img src="./images/logo13_13.jpg" alt="">
               <img src="./images/logo13_14.jpg" alt="">
               <img src="./images/logo13_15.jpg" alt="">
               <img src="./images/logo13_16.jpg" alt="">
               <img src="./images/logo13_17.jpg" alt="">
            </div>
    </div>

    <script src="lib/jquery3.6.js"></script>
    <script src="./lib/轮播插件/javascripts/slider.js"></script>
    <script src="js/index.js"></script>
</body>

</html>